<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Text-align</title>

	<style>
		.text-justify
		{
			text-align: justify;
			background-color: lightgrey;
		}
		.image-item
		{
			width: 114px;
			display: inline-block;
		}
		.justify-fix
		{
			display: inline-block;
			width: 114px;
			background-color: #5a8f00;
		}
	</style>
</head>
<body>

<p class="text-justify">
	<img class="image-item" src="../assets/img/feature-drag.png">
	<img class="image-item" src="../assets/img/feature-drag.png">
	<img class="image-item" src="../assets/img/feature-drag.png">
	<img class="image-item" src="../assets/img/feature-module.png">
	<i class="justify-fix"></i>
	<i class="justify-fix"></i>
	<i class="justify-fix"></i>
	<i class="justify-fix"></i>
	<i class="justify-fix"></i>
	<i class="justify-fix"></i>
	<i class="justify-fix"></i>
	<i class="justify-fix"></i>
	<i class="justify-fix"></i>
	<i class="justify-fix"></i>
	<i class="justify-fix"></i>
	<i class="justify-fix"></i>
	<i class="justify-fix"></i>
</p>

</body>
</html>